<div class="row">
  <div class="col-sm-4">
    <h2>订单列表</h2>
  </div>
  <div class="col-sm-4">
    <form id="searchForm">
      <label for="searchKey">搜索关键字</label>
      <input type="text" class="form-control" id="searchKey" name="searchKey">
    </form>
  </div>
  <div class="col-sm-4">
    <div class="header-button">
      <button type="button" class="btn btn-primary"><span class="fa fa-fw fa-plus"></span></button>
    </div>
  </div>
</div>
<hr>
<div class="row">
  <div class="col-sm-12">
    <table class="table table-bordered table-hover">
      <thead>
      <tr>
        <th>订单号</th>
        <th>客户</th>
        <th>电话</th>
        <th>地址</th>
        <th>订单隶属</th>
        <th>接洽人</th>
        <th>订单状态</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
        <tr *ngFor="let order of orderList; index as i;">
          <td>{{order.orderId}}</td>
          <td>{{order.customerName}}</td>
          <td>{{order.customerTel}}</td>
          <td>{{order.customerAddress}}</td>
          <td>{{order.createrDepartment}}</td>
          <td>{{order.createrName}}</td>
          <td>{{orderStatusName(order.orderStatus)}}</td>
          <td>
            <button type="button" class="btn btn-sm btn-warning">修改</button>
            <button type="button" class="btn btn-sm btn-danger">删除</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
